<template>
	<view class="bg-white br-rd-10 ">
		<u-cell :border="false" size="large" :url="'datelist?userId='+item.userId+'&name='+item.name" :isLink="isLink">
			<image slot="icon" class="avatar br-rd-6" :src="item.avatar"></image>
			<view slot="title" class="title"><text class="">{{item.name}}</text>
			</view>

			<view slot="label">
				<u-row>
					<u-col span="6">
						<u-cell :border="false">
							<view slot="title">
								<u--text type="info" :text="$t('自己')"></u--text>
							</view>
							<view slot="value">
								<u--text :color="color.primary" :bold="true" size="16" mode="price"
									:text="(item.price)"></u--text>
							</view>
						</u-cell>
					</u-col>
					<u-col span="6">
						<u-cell :border="false">
							<view slot="title">
								<u--text type="info" :text="$t('团队')"></u--text>
							</view>
							<view slot="value">
								<u--text :color="color.primary" :bold="true" size="16" mode="price"
									:text="(item.priceAll)"></u--text>
							</view>
						</u-cell>
					</u-col>
				</u-row>
			</view>
		</u-cell>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object || Array,
				default: {}
			},
			isLink: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {

			}
		},
		methods: {
			onClick: function(item) {
				//console.log(item)
				this.$emit("action", item)
			}
		}
	}
</script>

<style>
	.avatar {
		width: 40px;
		height: 40px;
		background-color: #EEEEEE;
	}

	.title {
		text-indent: 10px;
	}

	.label {
		padding-left: 10px;
		padding-right: 10px;
		color: #BBBCC6;
	}
</style>